<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2025/9/6
  Time: 上午9:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>修改密码</title>
</head>
<body>
    <div class="layui-card">
        <div class="layui-card-header">
            <i class="layui-icon layui-icon-key" style="margin-right: 8px;"></i>修改密码
        </div>
        <div class="layui-card-body" style="padding: 30px;">
            <form class="layui-form" lay-filter="passwordForm">
                <!-- 原密码 -->
                <div class="layui-form-item">
                    <label class="layui-form-label">原密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="oldPassword" lay-verify="required"
                               placeholder="请输入原密码" autocomplete="off"
                               class="layui-input" id="oldPassword">
                    </div>
                </div>

                <!-- 新密码 -->
                <div class="layui-form-item">
                    <label class="layui-form-label">新密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="newPassword" lay-verify="required|pass"
                               placeholder="请输入新密码" autocomplete="off"
                               class="layui-input" id="newPassword">
                    </div>
                </div>

                <!-- 密码强度提示 -->
                <div class="layui-form-item" style="margin-top: -15px;">
                    <div class="layui-input-block">
                        <div class="password-strength" style="display: none;">
                            <div class="strength-bar" style="height: 4px; width: 0%; background: #FF5722; transition: width 0.3s ease;"></div>
                            <div class="strength-text" style="font-size: 12px; color: #666; margin-top: 5px;"></div>
                        </div>
                    </div>
                </div>

                <!-- 确认新密码 -->
                <div class="layui-form-item">
                    <label class="layui-form-label">确认新密码</label>
                    <div class="layui-input-block">
                        <input type="password" name="confirmPassword" lay-verify="required|confirmPass"
                               placeholder="请再次输入新密码" autocomplete="off"
                               class="layui-input" id="confirmPassword">
                    </div>
                </div>

                <!-- 提交按钮 -->
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="submitPassword">确认修改</button>
                        <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</body>
</html>
